<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 因为main.js中的代码，涉及到了es6的新语法，但是浏览器不识别 -->
		<!-- <script src="./main.js"></script> -->
		<!-- 通过webpack这么一个前端构建工具，把main.js做了一下处理，生成一个bundle.js的文件 -->
		<!-- <script src="../dist/bundle.js"></script> -->
		<!--当使用html -webpack -plugin 之后，我们不再需要手动处理bundle .js 的引用路径了,因为这个
			插件，已经帮我们自动创建了一个合适的script,并且,引用了正确的路径-->
		<!-- <script src="/bundle.js"></script> -->
		
		<!-- css或发起二次请求，不推荐这么搞 -->
		<!-- <link rel="stylesheet" href="./css/index.css" /> -->
		
		<!-- <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css" /> -->
	</head>
	<body>
		<ul>
			<li>这是第1个li</li>
			<li>这是第2个li</li>
			<li>这是第3个li</li>
			<li>这是第4个li</li>
			<li>这是第5个li</li>
			<li>这是第6个li</li>
			<li>这是第7个li</li>
			<li>这是第8个li</li>
			<li>这是第9个li</li>
			<li>这是第10个li</li>
		</ul>
		<div class="box">我是box颜色盒子</div>
		<div class="box2">我是box颜色盒子</div>
		<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
	</body>
</html>
